<!DOCTYPE html>

<html>

<head>
	<title>Library</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="lib.css">
	<!-- class names for divs reflect new elements in the HTML5 spec -->
</head>

<body class="library">

<div class="header">
	<div class="hgroup logo">
		<h1>Rwanda Education Commons</h1>
		<h2>An alliance to expand and improve education using ICTs</h2>
	</div><!-- .hgroup -->
	<form class="authentication">
		<label for="un">Email</label>
		<input type="text" name="un" id="un" />

		<label for="pw">Password</label>
		<input type="password" name="pw" id="pw" />
		
		<input type="submit" value="Sign in" />
		<p>Don't have an email or password?
			<a href="reg01.html">Join the community</a>
		</p>
	</form>
	<ul class="authentication hidden">
		<li>Welcome!</li>
		<li><a href="#" onclick="alert('This would provide you with information about your account.');">View profile</a></li>
		<li><a href="#" onclick="alert('This would sign you out.');">Sign out</a></li>
	</ul>
	
	<div class="nav persistent">
	<ul>
		<li class="">
			<a href="index.html">Home</a>
		</li>
		<li class="">
			<a href="dis01.html">Discussions</a>
		</li>
		<li class="current">
			<a href="lib01.html">Library</a>
		</li>
		<li class="">
			<a href="news01.html">News</a>
		</li>
		<li class="">
			<a href="about01.html">About Us</a>
		</li>
	</ul>
	</div><!-- .nav -->
	
</div><!-- .header -->

<div class="section content">

	<div class="section main">
		<h1 class="inline">Library</h1>
		
		<div class="threads">
			<form class="" method="get" action="reg06.html">
				<h1>Upload documents</h1>
				<fieldset>
				<ul>
					<li>
						<label for="audience">Which library does this resource bundle belong in?</label>
						<select id="audience">
							<option value="">Teacher</option>
							<option value="">Policymaker</option>
						</select>
					</li>
				</ul>
				</fieldset>
				<fieldset>
				<ul>
					<li>
						<label for="category">Which category does this resource bundle belong in?</label>
						<select id="category"><!-- Options dependent on #audience selection-->
							<option value="">Academic Subjects</option>
							<option value="">Professional Development</option>
							<option value="">Issues in Education</option>
						</select>
					</li>
				</ul>
				</fieldset>
				<fieldset>
				<ul>
					<li>
						<label for="">What academic subject is this resource bundle about?</label>
						<ul><!-- Options dependent on #category selection-->
							<li>
								<input type="checkbox" id="s_accounting" />
								<label for="">Accouting</label>
							</li>
							<li>
								<input type="checkbox" id="s_arts" />
								<label for="">Arts</label>
							</li>
						</ul>
					</li>
				</ul>
				</fieldset>
				<fieldset>
				<ul>
					<li><!-- universal -->
						<label for="title">Title</label>
						<input type="text" id="title" />
					</li>
					<li><!-- universal -->
						<label for="description">Brief Description</label>
						<textarea id="description">Please describe the resource bundle in 1 to 3 sentences.</textarea>
					</li>
					<li><!-- universal -->
						<label for="source">Source</label>
						<input type="text" id="source"/>
						<label>e.g., Journal of Education</label>
					</li>
					<li><!-- universal -->
						<label for="year">Year</label>
						<input type="text" id="year" /> <!-- Needs client side error checking -->
					</li>
					<li><!-- Options dependent on #audience. This question is for teachers and for students.-->
						<p>To which grade level(s) is this resource applicable?</p>
						<ol>
							<li>
								<input type="checkbox" id="g_p1" />
								<label for="g_p1">P1</label>
							</li>
							<li>
								<input type="checkbox" id="g_p2" />
								<label for="g_p2">P2</label>
							</li>
						</ol>
					</li>
					<li>
						<p>For which teacher audience would this be useful?</p>
						<ul id="teacherAudience"><!-- Options dependent on #audience. This question is just for teachers. -->
							<li>
								<input type="checkbox" id="a_te" />
								<label for="a_te">Teacher Educators</label>
							</li>
							<li>
								<input type="checkbox" id="a_ttc" />
								<label for="a_ttc">TTC Students</label>
							</li>
						</ul>
					</li>
				</ul>
				</fieldset>
				<fieldset>
				<h2>Individual files within the bundle</h2>
				<ul>
					<li>
						<label for="1_url">File URL</label>
						<input type="text" id="1_url" />
					</li>
					<li>
						<p>What type of resource is this?</p>
						<ul id="1_type"><!-- Options universal -->
							<li>
								<input type="radio" id="1_t_article" />
								<label for="1_t_article">Article</label>
							</li>
							<li>
								<input type="radio" id="1_t_audio" />
								<label for="1_t_audio">Audio</label>
							</li>
						</ul>
					</li>
					<li>
						<p>What is the file format?</p>
						<ul id="1_format"><!-- Options dependent on #type-->
							<li>
								<input type="radio" id="1_f_doc" />
								<label for="1_t_article">.doc</label>
							</li>
							<li>
								<input type="radio" id="1_f_url" />
								<label for="1_t_audio">URL</label>
							</li>
						</ul>
					</li>
					<li>
						<a href="" onclick="alert('Displays the type, format, url questions another time.');">Add another file</a>.
					</li>
				</ul>
				</fieldset>
			</form>
		</div>
		
	</div><!-- .section.main -->
	
	<div class="nav sidebar">
	
	</div><!-- .nav.sidebar -->
	
</div><!-- .section.content -->

</body>

</html>